@charset "utf-8";
/*  全局 */
body{ margin:0; padding:0; font-size:12px; color:#333;font-family:Verdana,Microsoft Yahei}
body { background:#fff;}
html {margin:0; padding:0;overflow-y:scroll }
a{ color:#333; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur()); cursor:pointer;transition:.3s}
a:hover{ color:#015DB2}
img{ border:none}
ul,ol,li,p,dl,dt,dd,b,h3,h4,h5,form,xmp{ margin:0; padding:0;}
li{ list-style:none;}
input,textarea {font-family:Verdana,Microsoft Yahei}


/*  通用 */
.cen{ clear:both; width:1200px; margin:0 auto;}
.pointer { cursor:pointer}
.none { display:none}
.j { clear:both; font-size:0; height:10px; overflow:hidden}
.clear { clear:both;width:100%; font-size:0; height:0; overflow:hidden}
.l { float:left}
.r { float:right}


/* 头部LOGO */
.top_t { clear:both; margin:0 auto; width:1200px; height:100px;}
.top_t .l { float:left; padding-top:10px; }
.top_t .r { float:right; padding-top:30px;}

.dh {float:left;height:40px;}
.dh li { float:left;}
.dh li a { float:left; margin-left:10px; padding:0 10px; text-align:center; font-size:16px; height:40px; line-height:40px;}
.dh li a:hover { color:#4284D9; background:#eee; }

.dh li .dhtan { display:none; position:absolute; width:140px; z-index:990}
.dh li:hover .dhtan { display:block;width:100%; margin-top:40px; background:#4284D9; }
.dh li:hover .dhtan a { float:left; width:100%; text-align:center; line-height:35px; height:35px; font-size:14px; color:#fff}
.dh li:hover .dhtan a:hover { background:#def; color:#4284D9}

.dh li:hover .tdh a { background:#4284D9; color:#fff}

.dh li .tdh a.dang{color:#4284D9}

/* 首页 */

.idh { clear:both; width:100%; height:90px; background:#2B6FB6; position:relative}
.idh ul { clear:both; width:1200px; height:100%; margin:0 auto}
.idh li { float:left; width:25%;height:100%; position:relative; z-index:1}
.idh li a { float:left; width:100%; height:100%;}
.idh li .l { float:left; margin:15px 0 0 60px; width:60px; height:60px; border-radius:100%; background-color:#fff; background-repeat:no-repeat; background-position:center}
.idh li .r { float:right; width:50%; color:#fff;}
.idh li .r h4 { float:left; width:100%; height:20px; line-height:20px; margin-top:25px; font-weight:normal; font-size:14px;}
.idh li .r h5 { float:left; width:100%; height:20px; line-height:20px; font-weight:normal; font-size:14px;}
.dhr { position:absolute; top:0; left:50%; bottom:0; right:0; background-color:#90B2D5;}

.idh .dh01 { background-color:#2B6FB6}
.idh .dh01 .l { background-image:url(../img/dh01.png)}

.idh .dh02 { background-color:#5399D7}
.idh .dh02 .l { background-image:url(../img/dh02.png)}

.idh .dh03 { background-color:#72A5D4}
.idh .dh03 .l { background-image:url(../img/dh03.png)}

.idh .dh04 { background-color:#90B2D5}
.idh .dh04 .l { background-image:url(../img/dh04.png)}


.i_list { clear:both; width:1200px; margin:0 auto; padding:45px 0 0 0; overflow:hidden}
.i_list ul { float:left; width:1300px;}
.i_list li { float:left; width:350px; margin-right:75px;}
.i_list li .pic { float:left; width:100%; height:180px; margin-bottom:10px; overflow:hidden; position:relative;transition:.6s;}
.i_list li .pic img { display:block; width:100%; height:100%;transition:.6s;}
.i_list li:hover .pic { box-shadow:0 0 15px #999}
.i_list li:hover .pic img { width:110%; height:110%; margin:-5% 0 0 -5%}

.i_list li .tx { display:none; position:absolute; top:30%; right:30%; bottom:30%; left:30%; transition:.8s;transform:rotateY(180deg);background:#d66; font-size:16px; color:#fff;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity: 0; z-index:1}
/*.i_list li:hover .tx  { top:0; right:0; bottom:0; left:0;transform:rotateY(360deg);filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.i_list li .tx b { position:absolute; top:42%; left:0; right:0; text-align:center;}
*/
.i_list li .txt { float:left; width:100%;}
.i_list li .txt h4 { line-height:50px; font-size:18px; font-weight:normal}
.i_list li .txt p { font-size:14px; color:#666}

.i_news  { clear:both; width:1200px; margin:0 auto; padding:30px 0 0 0;}
.i_news .l { float:left; width:800px;}
.i_news .r { float:right; width:350px;}
.ibt { float:left; width:100%; height:30px; border-bottom:1px solid #ddd; margin-bottom:20px; position:relative}
.ibt h4 { position:relative; float:left; color:#009FE9; font-size:18px; line-height:30px; height:30px; border-bottom:1px solid #009FE9;}

.itout { float:left; width:100%;}
.itout .pic { float:left; width:150px;}
.itout .pic img { display:block; width:150px; height:90px;}
.itout .txt { float:right; width:635px;}
.itout .txt h4 { float:left; width:85%;overflow: hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px; font-size:18px; font-weight:normal;}
.itout .txt .tiem { float:right; width:15%;line-height:30px; color:#666; text-align:right}
.itout .txt p { float:left; width:100%; margin-top:10px; font-size:14px; color:#666; height:50px; line-height:25px; overflow:hidden}

.inews_list { float:left; width:100%; padding-top:15px; overflow:hidden}
.inews_list ul { float:left; width:120%;}
.inews_list li { float:left; width:380px; height:40px; line-height:40px;  margin-right:40px; border-bottom:1px dashed #ddd;}
.inews_list li .txt { float:left; width:80%; font-size:14px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;  }
.inews_list li .tiem { float:right; width:20%; color:#666; text-align:right}

.isp { float:left; width:100%; margin-top:10px; border-top:#333 solid 5px;border-bottom:#333 solid 5px; position:relative}
.isp img { display:block; width:350px; height:210px;}
.isp .boc{ position:absolute; top:0; left:0; width:350px; height:210px; background:url(../img/bf.png) no-repeat center;}

.icen {clear:both; width:1200px; margin:0 auto; padding:45px 0 0 0; position:relative}
.icenbt { float:left; line-height:30px; height:30px; font-size:24px; padding-bottom:10px;}
.icenbt b { color:#009FE9}


.icen li { float:left; width:200px; margin-right:50px;}
.icen li .pic { float:left; width:198px; height:198px;border-radius:5px; position:relative;top:0px;transition:.3s; border:1px solid #ddd}
.icen li:hover .pic { box-shadow: 0 0 10px #aaa;}
.icen li .pic img { display:block; width:100%; height:100%; border-radius:5px;}
.icen li .txt { float:left; width:100%; text-align:center; height:30px; line-height:30px; margin-top:10px; font-size:18px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}



.c_tt{clear:both; margin:0 auto; width:100%; min-width:1200px; overflow:hidden}
.c_tt_l a, .c_tt_r a{ position:absolute; top:50%;width:54px; height:54px; background:#56A0D6; border-radius:100%; font-size:40px; text-align:center; line-height:48px; color:#fff;
 font-family:"Comic Sans MS", cursive;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity: 0;transition:.6s;}
.c_tt_l a { left:0}
.c_tt_r a { right:0}
.icen:hover .c_tt_l a, .icen:hover .c_tt_r a {filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.icen:hover .c_tt_l a {left:-70px}
.icen:hover .c_tt_r a {right:-70px}

.ScrCont {width: 5000px; zoom: 1}
#List1_1,#List2_1 {float: left;}

.dabt { height:100px;}
.dabt a { margin:35px 5px 0 0;}

.piclist  { clear:both; width:1200px; margin:0 auto; min-height:600px;}
.piclist ul { float:left; width:1300px;min-height:600px;}
.piclist li { float:left; width:270px; height:236px; margin:20px 40px 20px 0;transition:.2s; position:relative; background:#fff;box-shadow:0 2px 10px #ccc;border-radius:3px; overflow:hidden;}
.piclist li img { display:block; width:100%;border-radius:3px;}
.piclist li span { position:absolute; top:30%; right:30%; bottom:30%; left:30%; transition:.8s;transform:rotateY(180deg);background:#d66; font-size:16px; color:#fff;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity: 0;border-radius:3px; z-index:1}
.piclist li:hover span { top:0; right:0; bottom:0; left:0;transform:rotateY(360deg);filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.piclist li span b { position:absolute; top:42%; left:0; right:0; text-align:center;}
.piclist li h4 { position:absolute; bottom:0; left:0;display:block; width:100%; height:36px; line-height:36px; text-align:center; background:#fff;  font-size:14px; font-weight:normal}
.piclist li:hover {box-shadow:0 2px 20px #666;}

.jianjie { clear:both; width:1200px;  margin:0 auto;  min-height:300px;background:url(../img/jj.jpg) no-repeat right bottom; border-bottom:1px solid #ddd;}
.jj_nn { float:left; width:60%; padding:30px 40% 30px 0; font-size:14px; line-height:30px; }
.jj_nn p { text-indent:28px}

.bgbai{ padding:20px 40px; background:url(../img/bai.png);border-radius:10px; border-top:2px solid #eee;}





.piclist2  {  float:left; width:95%; padding:20px 5% 0 0}

.piclist2 li { float:left; width:100%;  margin:10px 0; padding-bottom:20px;transition:.2s; border-bottom:1px solid #ddd}
.piclist2 li .pic { float:left; width:140px;}
.piclist2 li img { display:block; width:140px; height:140px;border-radius:5px; box-shadow: 0 0 10px #999}
.piclist2 li .txt { float:right; width:720px;}
.piclist2 li .txt h4 { float:left; width:100%; font-size:16px; line-height:30px;}
.piclist2 li .txt p { float:left; width:100%; font-size:14px; line-height:26px; padding-top:20px; color:#777}




.shuju { float:left; width:100%; border-top:1px solid #ddd;}
.news_sj_xz { float:left; width:100%; box-shadow: inset 0 0 0 1px #ddd;}
.shuju li{ float:left; width:100%; position:relative; background:#fff; line-height:30px; min-height:30px; padding:8px 0; border-bottom:1px solid #ddd;}
 
.shuju .sj_xz {  float:left; width:100%;  background-color:#fff; position:relative;}
.shuju .sj_xz p { float:left; padding:0; text-indent:0; margin-right:10px;}
.shuju .sj_xz a  { float:left; height:24px; line-height:24px; margin-top:5px; width:60px; font-size:12px; color:#fff; text-align:center;background:#6b3;border-radius: 3px;}




/* 分页 */
.pags {float:left; width:100%; padding:50px  0; text-align:right;line-height:30px;}
.pags  li { float:left}
.pags span, .pags strong { color:#56A0D6; padding:8px 16px; background:#eee; border-radius:4px; margin:0 0 0 10px; font-weight:normal; font-size:14px;}
.pags a { color:#fff; padding:8px 16px; background:#56A0D6; border-radius:4px; margin:0 0 0 10px;  font-size:14px;}
.pags a:hover {box-shadow:0 0 10px #6c3;  background:#6c3;}


/* 底部 */
.k_bot { clear:both; width:100%; min-width:1200px; margin:20px auto 0 auto; color:#fff; font-size:14px; background:#353840;}
.cen_bot { clear:both; width:1200px; margin:0 auto;line-height:38px;padding:50px 0 10px 0;}
.cen_bot .l { float:left; width:380px; border-right:1px solid #555;}
.cen_bot .r { float:right;}
.cen_bot h4 { font-size:16px;line-height:20px; margin-bottom:40px; font-weight:normal}
.cen_bot h5 { font-size:15px;line-height:20px; padding:9px 0; font-weight:normal; opacity:.8}
.cen_bot p {line-height:20px; padding:9px 0; opacity:.8}
.cen_bot p span { margin-left:10px;}
.cen_bot hr { display:block; margin-left:0; width:80%; border:none; border-bottom:1px solid #555; height:0; overflow:hidden}
.cen_bot a { color:#ccc}
.cen_bot .r li{ float:left; margin-left:65px;}

.English .cen_bot .l { float:left; width:280px;}
.English .cen_bot .r li{margin-left:20px; max-width:330px}

.cen_bot .txt { float:left; width:100%; margin-top:40px;font-size:12px;line-height:20px; text-align:center}


/* 页面背景 */
.webbg { clear:both; width:100%; min-width:1200px; margin:0 auto; background-repeat:no-repeat; background-position: center 0;}

.web_bt {clear:both; width:1200px; margin:0 auto; height:100px;background-repeat:no-repeat; background-position: 0 bottom;}
.web_bt h4 { font-size:22px; font-weight:normal; padding-top:60px; color:#eee}
.web_bt h4 b { font-size:16px; font-weight:normal; padding-left:20px;color:#ddd}

/* 内容页 */
.con_nn { clear:both; width:1200px; margin:0 auto; min-height:1200px;border-radius:5px 5px 0 0; background:#fff;box-shadow:0 0 10px #ddd;position:relative}
.con_nn_l { float:left; width:200px; min-height:1200px; _height:1200px; background:#f5f5f5;border-radius:5px 0 0 0; position:absolute; bottom:0; top:0; left:0}

.con_nn_l h4 { float:left; padding:20px 0; width:100%; text-align:center; font-size:30px; color:#bbb; font-weight:normal}
.con_nn_l a { float:left; width:80%; margin:10px 0 0 20%; font-size:16px; line-height:40px; border-bottom:1px solid #ddd;}
.con_nn_l a:hover { background:#999; color:#fff; text-indent:30px; border-radius:10px 0 0 0;border-bottom:1px solid #fff;}



.con_nn_r { float:right; width:960px;}


.weizhi { clear:both; width:100%; margin:0 auto; height:20px; padding:10px 0; line-height:20px; text-indent:50px; color:#bbb; background:url(../img/weizhi.png) 30px 12px no-repeat; border-bottom:1px solid #eee;border-radius:10px;}
.weizhi a { color:#666}
.weizhi b { font-weight:normal; color:#666}
.weizhi a:hover { color:#4284D9}

.nn_bt { float:left; width:100%; line-height:30px; text-align:center; font-size:28px; padding-top:40px;}
.nn_bt b { font-size:14px; font-weight:normal; color:#888}
.nn_xbt { float:left; width:100%; line-height:30px; text-align:center; padding:10px 0; color:#ccc}
.nn_xbt span { color:#888}

.nn_nn { float:left; width:80%; margin:1% 10% 5% 10%; padding:2% 0; overflow:hidden; font-size:16px; line-height:40px; }
.nn_nn img { display:block; margin:20px auto; max-width:100%;border-radius:5px;box-shadow:0 0 10px #aaa;}
.nn_nn p { text-indent:32px; padding:10px 0}

.nn_dan { float:left; width:80%; padding:20px;}

.nn_dan li { float:left;  width:100%; padding:5px 0; line-height:30px;font-size:14px;}
.nn_dan li .l { float:left; width:25%; text-align:right} 
.nn_dan li .r { float:right; width:70%; } 
.nn_dan li input { width:98%; padding:4px  1%; height:20px; border:1px solid #ccc;box-shadow:inset 0 0 6px #eee;border-radius:3px;font-size:14px;}
.nn_dan li textarea { width:98%; padding:4px  1%; height:100px; border:1px solid #ccc;box-shadow:inset 0 0 6px #eee;border-radius:3px;font-size:14px;}
.nn_dan li select { width:120px; height:28px; border:1px solid #ccc;box-shadow:inset 0 0 6px #eee;border-radius:3px;font-size:14px;}
.nn_dan .dan_tj { float:left; width:100%; margin:30px 0; text-align:center}
.nn_dan .dan_tj input  { width:50%;text-indent:0; text-align:center; margin:0 auto; height:46px; border:none;border-radius:5px;font-size:16px; background:#4284D9; color:#fff}

/* 文字列表 */
.news_list { float:left; width:90%; padding:30px 5% 0 5%}
.news_list dl  { float:left; width:100%; border-bottom:1px solid #ddd; margin-bottom:10px; padding:5px 0; line-height:30px;}
.news_list dl .l { float:left; width:80%; font-size:15px;}
.news_list dl .l a:hover { padding-left:5px;}
.news_list dl .r { float:right; width:18%; font-size:12px; color:#999; text-align:right}


.tiao { float:left; width:80%; margin:0 10% 50px 10%; border-bottom:1px solid #ddd; padding:10px 0; background:#eee;border-radius:5px;}
.tiao a { font-size:14px; padding:5px 20px; background:#015DB2; color:#fff;border-radius:5px;}
.tiao .stiao { float:left; margin-left:10px;}
.tiao .xtiao { float:right; margin-right:10px;}

.job_list { float:left; width:90%; padding:30px 5% 0 5%}
.job_list table { width:100%; line-height:20px}
.job_list table th { background:#f9f9f9; border-bottom:1px solid #ddd; padding:10px;}
.job_list table td { background:#fff; border-bottom:1px solid #ddd; padding:10px; font-size:14px;}
.job_list table td a {color:#4284D9}

/* 留言 */

.lx { float:left; width:100%; height:50px; line-height:50px; font-size:18px; text-indent:100px; background-color:#eee; margin:10px 0;background-repeat:no-repeat; background-position: 0 center;border-radius:10px}
.tel {background-image:url(../img/tel.png);}
.email {background-image:url(../img/email.png);}
.dizhi {background-image:url(../img/dizhi.png);}
.ren {background-image:url(../img/ren.png);}
.ly {background-image:url(../img/ly.png);}
.url {background-image:url(../img/url.png);}

/* 滚动 */
.zhanpin  { clear:both; width:1200px; margin:0 auto; padding:30px 0; min-height:220px; position:relative}
.zhanpin ul { float:left; width:1300px;}
.zhanpin li { float:left; width:260px;  padding:4px; border:1px solid #ddd; margin:0 40px 40px 0;transition:.2s; position:relative;  background:#fff;box-shadow:0 0 10px #ccc;border-radius:5px; overflow:hidden}
.zhanpin li:hover {box-shadow:0 2px 20px #999;}
.zhanpin li img { display:block; width:100%; border-radius:5px 5px 0 0}
.zhanpin li h4 {display:block; width:100%; height:36px; line-height:36px; text-align:center;  font-size:14px; font-weight:normal;  overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

.zhanpin li span { position:absolute; top:30%; right:30%; bottom:30%; left:30%; transition:.8s;transform:rotateY(180deg);background:#d66; font-size:16px; color:#fff;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity: 0;border-radius:3px;}
.zhanpin li:hover span { top:0; right:0; bottom:0; left:0;transform:rotateY(360deg);filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}

.zhanpin li span b { position:absolute; top:42%; left:0; right:0; text-align:center;}

.g2_l { position:absolute; top:25px; bottom:25px; left:-1px;  width:1px;box-shadow:0 0 10px #000; z-index:2}
.g2_r { position:absolute; top:25px; bottom:25px; right:-1px;  width:1px;box-shadow:0 0 10px #000; z-index:2}